body, html {height: 100%;-webkit-tap-highlight-color: transparent;background: #f5f4f9;}
.swiper-container {width: 100%;}
.swiper-container img {display: block;width: 100%;height: 150px;}
.swiper-slide {text-align: center;font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.demos-header {padding: 25px 0 0 0;}
.demos-title {text-align: center;color: #333;font-size: 17px;line-height: 30px;}

/*测评列表 左右滑动*/
.cp-header {margin-top: 20px;height:250px;background: #ffffff;}
.cp-header .hotbg {width: 58px;height: 38px;background: url(../images/hot.png) no-repeat;background-size:100%;position: absolute;z-index: 9;margin-left: 5px;margin-top: -6px;}
.cp-header .newbg {width: 58px;height: 38px;background: url(../images/new.png) no-repeat;background-size:100%;position: absolute;z-index: 9;margin-left: 5px;margin-top: -6px;}
.cp-head {width: 100%;display: inline;white-space: nowrap;overflow-x: scroll;float: left;overflow-y: hidden;margin-top: 30px;}
.cp-head li {display: inline-block;width: 150px;height: 150px;padding:0px;margin-left: 10px;}
.cp-head li img{width: 100%;height: 100%;position:relative;}
.cp-catelog-header {margin-top: 20px;height:50px;background: #ffffff;}
.cp-catelog-head {width: 100%;display: inline;white-space: nowrap;overflow-x: scroll;float: left;overflow-y: hidden;}
.cp-catelog-head li {display: inline-block;height: 50px;padding-top:12px;padding-left:8px;margin-left: 10px;}
.cp-catelog-head li a{color: #000;}
.cp-catelog-head {width: 100%;display: inline;}
.cp-catelog-head2 li {height:40px;padding-top:12px;padding-left:12px;margin-left: 10px;white-space:nowrap;display:inline-block;font-size: 16px;float:left;}
.cp-catelog-head2 li a{color: #000;}
.images-wrapper{position:relative;}
.images-content{position: absolute;z-index: 1;left: 0;bottom:0;width: 100%;color: #fff;background: rgba(0,0,0,.3);overflow: hidden;line-height: 30px;height: 30px;margin-bottom: 10px;text-align: center;font-size: 14px;}
.images-desc{margin-top: 5px;text-align:left;color: #999;font-size: 12px;line-height: 1.2;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.number {color: #b2b2b2;text-align: left;overflow: hidden;margin-top: 10px;}
.number .test_num {display: inline-block;float: right;font-size: 13px;text-align: right;}
.number .test_price {display: inline-block;text-align: left;color: #f75528;float:left;font-size: 13px;}
.price{color: #f75528;font-size: 13px;}
.wht80{width:80px;height:80px;}
.w100{width:100px;}
.w150{width:150px;}
.w200{width:200px;}
.weui-navbar {bottom: 0;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.ml15{margin-left:15px;}
.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
/*底部菜单 */
.menwrap{position:fixed;right:0;bottom:0;width:100%;height:50px;z-index:10000;}
.btn-open-close{margin-top:5px;margin-right:5px;float:right;width:40px;height:40px;line-height:50px;border-radius:20px;-webkit-border-radius:20px;background:#3385ff url(../images/ex11.png) no-repeat center center;background-size:20px 20px;opacity:0.5;box-sizing:border-box;-webkit-box-sizing:border-box;}
.expan2{width:50px;height:50px;margin-top:0;margin-right:0;border-radius:0;-webkit-border-radius:0;opacity:1;border-top:1px solid #b3b3b3;border-left:1px solid #b3b3b3;background:#f7f7fa;box-sizing:border-box;-webkit-box-sizing:border-box;}
.expan3{width:40px;height:40px;margin-left:4px;margin-top:4px;background:#006fe2 url(../images/ex11.png) no-repeat center;background-size:20px 20px;border-radius:20px;-webkit-border-radius:20px;opacity:0.5;display:none;}
.btn3{position:relative;z-index:3;bottom:0;border-top:1px solid #b3b3b3;background:#f7f7fa;margin-right:50px;text-align:center;box-sizing:border-box;-webkit-box-sizing:border-box;display:none;}
.menu{position:relative;float:left;width:33.333%;height:50px;background:#f7f7fa;border-right:1px solid #b3b3b3;box-sizing:border-box;-webkit-box-sizing:border-box;}
.menu:last-child{border-right:none;}
.new-sub{position:absolute;bottom:50px;z-index:-1;width:100%;box-sizing:border-box;-webkit-box-sizing:border-box;display:none;}
.new-sub li{background:#f7f7fa;float:none;box-sizing:border-box;-webkit-box-sizing:border-box;border-bottom:1px solid #b3b3b3;border-top:1px solid #f2f2f2;list-style:none;}
.new-sub li a{display:block;height:50px;line-height:50px;text-align:left;background:#f7f7fa;color:#333;border:none;text-align:center;font-size:16px;}
.btn-fullbg{width:100%;height:100%;background:rgba(0,0,0,.2);position:fixed;top:0;left:0;z-index:2;display:none;}
.sanjiao{position:absolute;bottom:5px;right:5px;width:0;height:0;border:5px solid transparent;border-right:5px solid #000;border-bottom:5px solid #000;opacity:.5;}
.bt-name{font-size:16px;color:#000;}
.bt-name a{text-align: center;color: #999;font-size: 10px;line-height: 1;bottom: 5px;margin: auto;}
.tabbar_icon {width: 20px;height: 20px;margin: auto;margin-top: 5px;}
.tabbar_icon img{width: 100%;height: 100%;}
/*底部菜单结束*/

/**个人中心**/
.vipheader {padding: 1em;height: 130px;background: #1cbb9b;}
.vipheader .touxiang {width: 72px;height: 72px;margin: 0px auto;border-radius: 100%;border: 2px solid #fff;}
.vipheader .touxiang img {border-radius: 100%;width: 100%;}
.vipheader .name {font-size: 1.4em;text-align: center;color: #fff;line-height: 2em;}
.vipheader .gztt {font-size: 1em;text-align: center;color: #fff;}
/**个人中心结束**/

/**banner**/
.mybanner {width:100%;height:200px;}
.mybanner img{width:100%;max-height: 200px;}
/**banner结束**/

/**contenttitle**/
.mytitle {padding: 1em;background: #fff;}
.mytitle .name {font-size: 20px;text-align: center;font-weight:bold;line-height: 2em;}
.mytitle .subname {font-size: 14px;text-align: center;color: #999;}
.mytitle .subdiv {text-align: center;}
.mytitle .subprice1 {font-size: 18px;text-align: center;color: #1aad19;}
.mytitle .subprice2 {font-size: 14px;text-align: center;text-decoration: line-through;color: #cecece;}
.mytitle .subbtn {text-align: center;}
.mytitle .sublist{text-align:center;padding-bottom: 5px;font-size: 14px;color: #999;line-height: 1em;list-style: none;overflow: hidden;}
/**个人中心结束**/


/**覆盖**/
.weui-media-box__title {font-size: 18px;}


/**进度条**/
#progressBar {height: 10px;background-color: #ebebeb;-webkit-border-radius: 2em;-moz-border-radius: 2em;border-radius: 2em;}
#progressBar_Track {width: 200px;height: 10px;background-color: #09bb07;-webkit-border-radius: 2em;-moz-border-radius: 2em;border-radius: 2em;}

/**手机图表样式**/
.chart{left: 0;right: 0;bottom: 30px;padding: 2px;-webkit-tap-highlight-color: transparent; -webkit-user-select: none; background: transparent;}

/**分类导航**/
.wrapper03 {position:relative;height: 50px;width: 100%;overflow: hidden;margin:0 auto;background:#ddd;margin-top: 20px;}
.wrapper03 .scroller {position:absolute}
.wrapper03 .scroller li {height: 50px;color:#333;float: left;line-height: 50px;font-size: 14px;text-align: center;display: inline-block;}
.wrapper03 .scroller li a{color:#333;display:block;margin:0 .3rem}
.wrapper03 .scroller li.cur{background:#1cbb9b}
.wrapper03 .scroller li.cur a{color:#fff;}

.nav {background: #fcfcfc;border-top: 1px solid #d9d9d9;padding: 5px 0 5px 0;width: 100%;position: fixed;left: 0;bottom: 0;z-index: 99999999999999;}
.nav ul {height: 0px;}
.nav ul li {float: left;width: 25%;text-align: center;list-style-type: none;margin: 0px;padding: 0px;}
.nav ul li span {display: block;color: #999999;font-size: 14px;font-family: "微软雅黑";line-height: 22px;}
.weui-media-box__bd ul{margin-left: 20px;}